<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<meta http-equiv="X-UA-Compatible" content="ie=edge">
		<title>首页</title>
		<script src="js/flexible.js"></script>
		<link rel="stylesheet" type="text/css" href="bootstrap/css/bootstrap.min.css"/>
		<link rel="stylesheet" type="text/css" href="css/common.css"/>
		<link rel="stylesheet" type="text/css" href="css/swiper.min.css"/>
		<link rel="stylesheet" type="text/css" href="css/index.css"/>
		<link rel="stylesheet" type="text/css" href="css/NewArrivals.css"/>
		<script src="js/jquery-2.2.4.min.js"></script>
		<script type="text/javascript" src="js/swiper.min.js" ></script>
		<script src="js/echarts.min.js"></script>
		<script src="js/countUp.min.js"></script>
		<script src="js/countUp.js"></script>
	</head>
	<body>
		<div class="swiper-container swiper-container1">
		    <div class="swiper-wrapper swiper-wrapper1">
		      <div class="swiper-slide swiper-slide1" data-swiper-autoplay="15000" style="background: url(images/reader/mod_reader_bg.jpg);background-size:100% auto;" data-page="reader">
		      		<!--<div class="reader-bg">-->
					<!-- 页面容器 start -->
					<div id="pageWrap" class="container bk-container">
					
					    <!-- 页面标题 start -->
					    <h1 id="pageHeader" class="header text-hide">
					        读者到馆情况
					        <img src="images/reader/mod1_title.png" class="img-header img-responsive">
					    </h1>
					    <!-- 页面标题 end-->
					
					    <!-- 进馆人数总数统计 start -->
					    <div id="totalStatistics" class="row statistics-total">
					        <div class="col-xs-6 statistics-chartbox">
					             <div class="statistics-chart-text">
					                <p class="circle-label">本月进馆人数</p>
					                <p class="circle-txt">26,666人</p>
					            </div>
					            <div id="totalStatisticsChartMonth" class="statistics-total-chart"></div>
					            <p class="t1 text-center"><span>上月同期进馆人数：</span><span field="monNum">20,333人</span></p>
					        </div>
					        <div class="col-xs-6">
					            <div class="statistics-chart-text">
					                <p class="circle-label">本年进馆人数</p>
					                <p class="circle-txt">826,666人</p>
					            </div>
					            <div id="totalStatisticsChartYear" class="statistics-total-chart"></div>
					            <p class="t1 text-center"><span>去年同期进馆人数：</span><span field="monNum">966,333人</span></p>
					        </div>
					        <div class="clearfix"></div>
					        <div class="col-xs-12">
					            <div class="statistics-circle-block statistics-total-text text-center">
					                <div class="gradient-text">
					                    今日进馆人数：
					                    <span class="gradient-text-no"></span>
					                </div>
					            </div>
					        </div>
					    </div>
					    <!-- 进馆人数总数统计 end -->
					
					    <!-- 进馆人数年、月、日统计 start -->
					    <div id="ywdStatistics" class="row statistics-ywd statistics-ywd-reader">
					        <div class="col-xs-12 text-center">
					            <div class="btn-group">
					                <button type="button" class="btn btn-default btn-d active" data-chart="day">日图</button>
					                <button type="button" class="btn btn-default btn-w" data-chart="week">周图</button>
					                <button type="button" class="btn btn-default btn-y" data-chart="year">年图</button>
					            </div>
					            <div class="statistics-circle-block statistics-ywd-chartbox">
					               <div id="ywdStatisticsChart" class="statistics-chart statistics-ywd-chart"></div>
					            </div>
					        </div>
					    </div>
					    <!-- 进馆人数年、月、日统计 end -->
					
					</div>
					<!-- 页面容器 end -->
					<!--</div>-->
		      </div>
		      <div class="swiper-slide swiper-slide1" data-swiper-autoplay="15000" style="background: url(images/reader/mod_borrow_bg.jpg);background-size:100% auto;" data-page="borrow">
		      		<!--<div class="borrow-bg">-->
					<!-- 页面容器 start -->
					<div id="pageWrap" class="container bk-container">
					
					    <!-- 页面标题 start -->
					    <h1 id="pageHeader" class="header text-hide">
					        图书借阅情况
					        <img src="images/reader/mod2_title.png" class="img-header img-responsive">
					    </h1>
					    <!-- 页面标题 end-->
					
					    <!-- 借还书人数统计 start -->
					    <div id="totalStatistics" class="row statistics-total">
					        <div class="col-xs-6 statistics-chartbox">
					             <div class="statistics-chart-text">
					                <p class="circle-label">今日借书人数</p>
					                <p class="circle-txt">26,666人</p>
					            </div>
					            <div id="totalStatisticsChartBorrow" class="statistics-total-chart"></div>
					            <p class="t1 text-center"><span>昨日借书人数：</span><span field="monNum">20,333人</span></p>
					        </div>
					        <div class="col-xs-6">
					            <div class="statistics-chart-text">
					                <p class="circle-label">今日还书人数</p>
					                <p class="circle-txt">826,666人</p>
					            </div>
					            <div id="totalStatisticsChartReturn" class="statistics-total-chart"></div>
					            <p class="t1 text-center"><span>昨日还书人数：</span><span field="monNum">966,333人</span></p>
					        </div>
					        <div class="clearfix"></div>
					        <div class="col-xs-12">
					            <div class="row statistics-circle-block statistics-chart-text2 text-center">
					                <div class="col-xs-6 hfull">
					                    <div class="dis-table wfull hfull">
					                        <div class="dis-table-cell hfull vm">
					                            <p class="gradient-no-label">持证读者量</p>
					                            <p class="gradient-no gradient1">123456</p>
					                        </div>
					                    </div>
					                </div>
					                <div class="col-xs-6 hfull">
					                    <div class="dis-table wfull hfull">
					                        <div class="dis-table-cell hfull vm">
					                            <p class="gradient-no-label">本月办证量</p>
					                            <p class="gradient-no gradient2">123456</p>
					                        </div>
					                    </div>
					                </div>
					            </div>
					        </div>
					    </div>
					    <!-- 借还书人数统计 end -->
					
					    <!-- 进馆人数年、月、日统计 start -->
					    <div id="ywdStatistics" class="row statistics-ywd statistics-ywd-borrow">
					        <div class="col-xs-12 text-center">
					            <div class="btn-group">
					                <button type="button" class="btn btn-default btn-d active" data-chart="day">日图</button>
					                <button type="button" class="btn btn-default btn-w" data-chart="week">周图</button>
					                <button type="button" class="btn btn-default btn-y" data-chart="year">年图</button>
					            </div>
					            <div class="statistics-circle-block statistics-ywd-chartbox  statistics-ywd-chartbox-venue">
					               <div id="ywdStatisticsChart" class="statistics-chart statistics-ywd-chart"></div>
					            </div>
					        </div>
					    </div>
					    <!-- 进馆人数年、月、日统计 end -->
					</div>
					<!--</div>-->
		      </div>
		      <div class="swiper-slide swiper-slide1" data-swiper-autoplay="5000" style="background: url(images/document/bg.jpg);background-size:100% 100%;">
		      	<header class="header">
					<div class="h-logo"></div>
				</header>
				<section class="sect1">
					<div class="sect-title">
						<span>传统文献</span>
					</div>
					<div class="sect-body sect-body-part1">
						<div class="set-body-cont">
							<div>月新增馆藏</div>
							<div class="number1">123456</div>
						</div>
						<div class="set-cont-divider"></div>
						<div class="set-body-cont">
							<div>年新增馆藏</div>
							<div class="number1">123456</div>
						</div>
					</div>
					<div class="sect-body sect-body-part2">
						<div>
							<span>总馆藏量：</span>
							<i class="number2">256488</i>
						</div>
					</div>
				</section>
				<section class="sect2">
					<div class="sect-title">
						<span>电子资源</span>
					</div>
					<div class="sect2-part2">
						<div>电子资源数量</div>
						<div>共7个</div>
					</div>
					<div class="sect2-part3">
						<div class="sect2-p3-text">中文在线</div>
						<div class="sect2-p3-divider"></div>
						<div class="sect2-p3-text">中文在线</div>
						<div class="sect2-p3-divider"></div>
						<div class="sect2-p3-text">中文在线</div>
						<div class="sect2-p3-divider"></div>
						<div class="sect2-p3-text">中文在线</div>
						<div class="sect2-p3-divider"></div>
						<div class="sect2-p3-text">中文在线</div>
					</div>
				</section>
		      </div>
		      <div class="swiper-slide swiper-slide1" data-swiper-autoplay="15000" style="background: url(images/document/bg.jpg);background-size:100% 100%;">
		      	   <header class="header">
				        <div class="h-logo"></div>
				    </header>
				    <section class="sect">
				        <ul>
				            <li class="sect-wordbox1 right">
				                <span>热门词检索3</span>
				            </li>
				            <li class="sect-wordbox2 left">
				                <span>热门词检索2</span>
				            </li>
				            <li class="sect-wordbox3 right">
				                <span>热门词检索8</span>
				            </li>
				            <li class="sect-wordbox4 center">
				                <span>热门词检索1</span>
				            </li>
				            <li class="sect-wordbox5 left">
				                <span>热门词检索9</span>
				            </li>
				            <li class="sect-wordbox6 right">
				                <span>热门词检索4</span>
				            </li>
				            <li class="sect-wordbox7 left">
				                <span>热门词检索5</span>
				            </li>
				            <li class="sect-wordbox8 left">
				                <span>热门词检索10</span>
				            </li>
				            <li class="sect-wordbox9 right">
				                <span>热门词检索6</span>
				            </li>
				            <li class="sect-wordbox10 left">
				                <span>热门词检索7</span>
				            </li>
				        </ul>
				    </section>
		      </div>
		      <div class="swiper-slide swiper-slide1" data-swiper-autoplay="5000" style="background: url(images/bg1.jpg);background-size:cover;">
		      	<div class="wrap">
					<div class="title">
						<img src="images/title06.png">
					</div>
					<div class="content">
						<div class="contentbg"></div>
						<p>文学类</p>
						<ul>
							<li><a href="#">陆小凤传奇:绘图珍藏版</a><a class="anthor" href="#">古龙著</a></li>
							<li><a href="#">陆小凤传奇:绘图珍藏版</a><a class="anthor" href="#">古龙著</a></li>
							<li><a href="#">陆小凤传奇:绘图珍藏版</a><a class="anthor" href="#">古龙著</a></li>
							<li><a href="#">陆小凤传奇:绘图珍藏版</a><a class="anthor" href="#">古龙著</a></li>
						</ul>
					</div>
					<div class="content">
						<p>文学类</p>
						<ul>
							<li><a href="#">陆小凤传奇:绘图珍藏版</a><a class="anthor" href="#">古龙著</a></li>
							<li><a href="#">陆小凤传奇:绘图珍藏版</a><a class="anthor" href="#">古龙著</a></li>
							<li><a href="#">陆小凤传奇:绘图珍藏版</a><a class="anthor" href="#">古龙著</a></li>
							<li><a href="#">陆小凤传奇:绘图珍藏版</a><a class="anthor" href="#">古龙著</a></li>
						</ul>
					</div>
					<div class="content">
						<p>文学类</p>
						<ul>
							<li><a href="#">陆小凤传奇:绘图珍藏版</a><a class="anthor" href="#">古龙著</a></li>
							<li><a href="#">陆小凤传奇:绘图珍藏版</a><a class="anthor" href="#">古龙著</a></li>
							<li><a href="#">陆小凤传奇:绘图珍藏版</a><a class="anthor" href="#">古龙著</a></li>
							<li><a href="#">陆小凤传奇:绘图珍藏版</a><a class="anthor" href="#">古龙著</a></li>
						</ul>
					</div>
					<div class="content">
						<p>文学类</p>
						<ul>
							<li><a href="#">陆小凤传奇:绘图珍藏版</a><a class="anthor" href="#">古龙著</a></li>
							<li><a href="#">陆小凤传奇:绘图珍藏版</a><a class="anthor" href="#">古龙著</a></li>
							<li><a href="#">陆小凤传奇:绘图珍藏版</a><a class="anthor" href="#">古龙著</a></li>
							<li><a href="#">陆小凤传奇:绘图珍藏版</a><a class="anthor" href="#">古龙著</a></li>
						</ul>
					</div>
				</div>
		      </div>
		      <div class="swiper-slide swiper-slide1" data-swiper-autoplay="15000">
		      	<div class="bg"></div>
		<div class="title">
			<img src="images/xstj.png">
		</div> 
		<div class="swiper-container gallery-top">
		    <div class="swiper-wrapper">
		      <div class="swiper-slide"><img src="images/listbg1.jpg"></div>
		      <div class="swiper-slide"><img src="images/listbg1.jpg"></div>
		      <div class="swiper-slide"><img src="images/listbg1.jpg"></div>
		      <div class="swiper-slide"><img src="images/listbg1.jpg"></div>
		      <div class="swiper-slide"><img src="images/listbg1.jpg"></div>
		      <div class="swiper-slide"><img src="images/listbg1.jpg"></div>
		    </div>
		    
		</div>    
		<!-- Add Pagination -->
		<div class="swiper-container gallery-thumbs">
		    <div class="swiper-wrapper">
		      <div class="swiper-slide">
		      	<div class="cont">
		      		<h3>流吧！我的眼泪</h3>
		      		<p>作者:  [美] 菲利普·迪克  译者: 陈灼</p>  
					<p>出版社: 译林出版社</p>
					<p>出版年: 2017-10</p>
					<p class="fff">内容简介 :</p>
					<p class="fff content">“科幻鬼才”菲利普•迪克成长于西方科技文明创造出的崭新辉煌的时代。彼时，人类进入了太空，登上了月球，成功制造出第一台工业用机器人……科技的蓬勃发展也催生出主流科幻小说对人类创造力的无比自信，克拉克、阿西莫夫和海因莱因撑起了西方科幻的黄金时代。可是，迪克却反其道而行之，他的主人公迷惘于亦真亦假的世界上，挣扎于文明的陷落中，充满了对生命的依恋和对人性的追求。</p>
		      	</div>
		      </div>
		      <div class="swiper-slide">
		      	<div class="cont">
		      		<h3>流吧！我的眼泪</h3>
		      		<p>作者:  [美] 菲利普·迪克  译者: 陈灼</p>  
					<p>出版社: 译林出版社</p>
					<p>出版年: 2017-10</p>
					<p class="fff">内容简介 :</p>
					<p class="fff content">“科幻鬼才”菲利普•迪克成长于西方科技文明创造出的崭新辉煌的时代。彼时，人类进入了太空，登上了月球，成功制造出第一台工业用机器人……科技的蓬勃发展也催生出主流科幻小说对人类创造力的无比自信，克拉克、阿西莫夫和海因莱因撑起了西方科幻的黄金时代。可是，迪克却反其道而行之，他的主人公迷惘于亦真亦假的世界上，挣扎于文明的陷落中，充满了对生命的依恋和对人性的追求。</p>
		      	</div>
		      </div>
		      <div class="swiper-slide">
		      	<div class="cont">
		      		<h3>流吧！我的眼泪</h3>
		      		<p>作者:  [美] 菲利普·迪克  译者: 陈灼</p>  
					<p>出版社: 译林出版社</p>
					<p>出版年: 2017-10</p>
					<p class="fff">内容简介 :</p>
					<p class="fff content">“科幻鬼才”菲利普•迪克成长于西方科技文明创造出的崭新辉煌的时代。彼时，人类进入了太空，登上了月球，成功制造出第一台工业用机器人……科技的蓬勃发展也催生出主流科幻小说对人类创造力的无比自信，克拉克、阿西莫夫和海因莱因撑起了西方科幻的黄金时代。可是，迪克却反其道而行之，他的主人公迷惘于亦真亦假的世界上，挣扎于文明的陷落中，充满了对生命的依恋和对人性的追求。</p>
		      	</div>
		      </div>
		      <div class="swiper-slide">
		      	<div class="cont">
		      		<h3>流吧！我的眼泪</h3>
		      		<p>作者:  [美] 菲利普·迪克  译者: 陈灼</p>  
					<p>出版社: 译林出版社</p>
					<p>出版年: 2017-10</p>
					<p class="fff">内容简介 :</p>
					<p class="fff content">“科幻鬼才”菲利普•迪克成长于西方科技文明创造出的崭新辉煌的时代。彼时，人类进入了太空，登上了月球，成功制造出第一台工业用机器人……科技的蓬勃发展也催生出主流科幻小说对人类创造力的无比自信，克拉克、阿西莫夫和海因莱因撑起了西方科幻的黄金时代。可是，迪克却反其道而行之，他的主人公迷惘于亦真亦假的世界上，挣扎于文明的陷落中，充满了对生命的依恋和对人性的追求。</p>
		      	</div>
		      </div>
		      <div class="swiper-slide">
		      	<div class="cont">
		      		<h3>流吧！我的眼泪</h3>
		      		<p>作者:  [美] 菲利普·迪克  译者: 陈灼</p>  
					<p>出版社: 译林出版社</p>
					<p>出版年: 2017-10</p>
					<p class="fff">内容简介 :</p>
					<p class="fff content">“科幻鬼才”菲利普•迪克成长于西方科技文明创造出的崭新辉煌的时代。彼时，人类进入了太空，登上了月球，成功制造出第一台工业用机器人……科技的蓬勃发展也催生出主流科幻小说对人类创造力的无比自信，克拉克、阿西莫夫和海因莱因撑起了西方科幻的黄金时代。可是，迪克却反其道而行之，他的主人公迷惘于亦真亦假的世界上，挣扎于文明的陷落中，充满了对生命的依恋和对人性的追求。</p>
		      	</div>
		      </div>
		      <div class="swiper-slide">
		      	<div class="cont">
		      		<h3>流吧！我的眼泪</h3>
		      		<p>作者:  [美] 菲利普·迪克  译者: 陈灼</p>  
					<p>出版社: 译林出版社</p>
					<p>出版年: 2017-10</p>
					<p class="fff">内容简介 :</p>
					<p class="fff content">“科幻鬼才”菲利普•迪克成长于西方科技文明创造出的崭新辉煌的时代。彼时，人类进入了太空，登上了月球，成功制造出第一台工业用机器人……科技的蓬勃发展也催生出主流科幻小说对人类创造力的无比自信，克拉克、阿西莫夫和海因莱因撑起了西方科幻的黄金时代。可是，迪克却反其道而行之，他的主人公迷惘于亦真亦假的世界上，挣扎于文明的陷落中，充满了对生命的依恋和对人性的追求。</p>
		      	</div>
		      </div>
		    </div>
		</div>
		      </div>
		      <div class="swiper-slide" data-swiper-autoplay="15000" style="background: url(images/reader/mod_venue_bg.jpg);background-size:100% auto;" data-page="venue">
		      	<!--<div class="venue-bg">-->
				<!-- 页面容器 start -->
				<div id="pageWrap" class="container bk-container">
				
				    <!-- 页面标题 start -->
				    <h1 id="pageHeader" class="header text-hide">
				        场馆状况
				        <img src="images/reader/mod8_title.png" class="img-header img-responsive">
				    </h1>
				    <!-- 页面标题 end-->
				
				    <!-- 饼图统计 start -->
				    <div id="totalStatistics" class="row statistics-total statistics-total-venue">
				        <div class="col-xs-12 statistics-venue-chartbox">
				            <div class="statistics-venue-chart-title statistics-circle-block statistics-circle-block-border text-center">
				                <p>人流热力图</p>
				                <div class="grid-bg5"></div>
				            </div>
				            <div id="statisticsVenuechart" class="statistics-venue-chart"></div>
				        </div>
				        <div class="clearfix"></div>
				        <div class="col-xs-12">
				             <div class="row statistics-circle-block statistics-chart-text3 text-center">
				                <div class="col-xs-3 hfull">
				                    <div class="dis-table wfull hfull">
				                        <div class="dis-table-cell hfull vt">
				                            <p class="gradient-no-label2">大厅</p>
				                            <p class="gradient-no2">温度：13℃</p>
				                            <p class="gradient-no2">湿度：26%</p>
				                        </div>
				                    </div>
				                </div>
				                 <div class="col-xs-3 hfull">
				                    <div class="dis-table wfull hfull">
				                        <div class="dis-table-cell hfull vt">
				                            <p class="gradient-no-label2">三楼</p>
				                            <p class="gradient-no2">温度：13℃</p>
				                            <p class="gradient-no2">湿度：26%</p>
				                        </div>
				                    </div>
				                </div>
				                 <div class="col-xs-3 hfull">
				                    <div class="dis-table wfull hfull">
				                        <div class="dis-table-cell hfull vt">
				                            <p class="gradient-no-label2">四楼</p>
				                            <p class="gradient-no2">温度：13℃</p>
				                            <p class="gradient-no2">湿度：26%</p>
				                        </div>
				                    </div>
				                </div>
				                 <div class="col-xs-3 hfull">
				                    <div class="dis-table wfull hfull">
				                        <div class="dis-table-cell hfull vt">
				                            <p class="gradient-no-label2">六楼</p>
				                            <p class="gradient-no2">温度：13℃</p>
				                            <p class="gradient-no2">湿度：26%</p>
				                        </div>
				                    </div>
				                </div>
				            </div>
				        </div>
				    </div>
				    <!-- 饼图统计 end -->
				
				    <!-- 进馆人数年、月、日统计 start -->
				    <div id="ywdStatistics" class="row statistics-ywd statistics-ywd-venue">
				        <div class="col-xs-12 text-center">
				            <div class="btn-group">
				                <button type="button" class="btn btn-default btn-d active" data-chart="day">日图</button>
				                <button type="button" class="btn btn-default btn-w" data-chart="week">周图</button>
				                <button type="button" class="btn btn-default btn-y" data-chart="year">年图</button>
				            </div>
				            <div class="statistics-circle-block statistics-ywd-chartbox">
				               <div id="ywdStatisticsChart" class="statistics-chart statistics-ywd-chart"></div>
				            </div>
				        </div>
				    </div>
				    <!-- 进馆人数年、月、日统计 end -->
				
				</div>
				<!-- 页面容器 end -->
		      </div>
		    </div>
		</div>    
	</body>
	<script src="js/index.js"></script>
	<script src="js/NewArrivaks.js"></script>
</html>
